<%-- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %> --%>

<!DOCTYPE HTML> <!-- PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
  <head>

		<%@ page language="java" pageEncoding="UTF-8"%>
		<%@ page contentType="text/html;charset=UTF-8"%>
		 <%@ taglib prefix="s" uri="/struts-tags" %>
		 <%@ taglib prefix="sec"
				uri="http://www.springframework.org/security/tags"%>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
       <title>水雨情信息发布系统</title>
        <meta content='width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <link href="../css/bootstraptable/bootstrap-table.css" rel="stylesheet" />
        <link href="../css/time/css//bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
      	 <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/bootstrap3.2.js" charset="UTF-8"></script> 
		
        <script type="text/javascript" src="../js/plugins/bootstraptable/bootstrap-table.js"></script>
        <script src="../js/bootstrap-table-zh-CN.min.js"></script> 
		<!-- 导出扩展 -->
   		<script type="text/javascript" src="../js/plugins/bootstraptable/bootstrap-table-export.js"></script>
   		<script src="../js/plugins/bootstraptable/tableExport.js"></script>
		 <script src="../js/plugins/bootstrapconfirmation/bootstrap-confirmation.min.js"></script>	
		 
		 <script type="text/javascript"  src="../js/monitorData/allInfoShow.js"></script>  
		 		<%-- <script src="../js/monitorData/index.js"></script>	 --%>	                           		       
    </head>   
    <body class="skin-blue">
					<section class="col-lg-12 connectedSortable" >
                                <div class="box-body ">                                  
										<div class ="row" style="margin-left:20px;margin-right:20px;" id="waterLevelData" >	 						                                    	
											<h3 align="center" id= "waterStationNameId"> 
											实时数据表</h3>                        					
                       						<!-- 表格数据显示 -->   
											<div class="table-responsive" align="center" >
                         					 <%-- 分页属性 data-pagination="true"--%>
                              				 <table data-toggle="table" style="white-space: nowrap; text-align:center" class="table table-hover table-striped table-bordered table-condensed" id="allwaterplantInfoTable"  data-cache="false"  
                               						 data-search="true" data-select-item-name="toolbar1" data-url='../MonitorData/AllWaterPlantRealData.action'
                                						data-pagination="true"  data-page-list="[5,10,20,50]"  data-show-export= "true" data-show-refresh="true">	
												<thead>
                                  					<tr>           
                                       					<th data-field="waterPlantName" data-sortable="true" data-align="center">水厂名称</th>
                                       					<th data-field="time"  data-sortable="true" data-align="center">时间</th>                                                                   					
                                       					<th data-field="turbidity"  data-align="center">出厂浊度(NTU)</th>                               
                                       					<th data-field="chlorine"  data-align="center">出厂余氯(mg/L)</th>  
                                       					<th data-field="supplyFlow"  data-align="center">供水量(m³)</th>                                     					
                                  					 </tr>
                                  				</thead>
                       
                              				 </table><!-- /.table-->  
											</div>								
                           			
									</div>	<!-- Row -->
									
									<div id="noData" style="display:none">
									<h2 align="center">该点没有所选类型数据，或者所选时间选没有所选类型数据，请重新选择……</h2>
									
									</div>
                         		
								</div><!-- /.box-body -->
				 			
					</section>
    </body>
    
    
</html>
